<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            react官方其实是不推荐字符串形式的ref的，也许会在未来的版本中移除。原因可以参考：https://zhuanlan.zhihu.com/p/33596370?from_voters_page=true

            所以我们在开发过程中尽量避免字符串形式的ref，多用回调函数形式

            内联回调函数的ref在页面更新时会被执行两次，不过这个问题是无关紧要的，无需过多在意。

            createRef会创造一个容器用于存储节点，但是是专人专用的，只能存一个，所以如果多处使用同一个，会出现后来居上也就是后者覆盖前者的问题，要注意。
        */
    </script>
</body>
</html>